/* Start:/local/components/mycomp/alertcookie/templates/.default/style.css?17519649481590*/
.cookie-alert{
    z-index: 999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: left;
    border: 1px solid #efefef;
    background-color: rgba(49, 43, 42, 0.8);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 8px 8px 16px;
    font-size: 12px;
    display: flex;
    align-items: center;
    position: fixed;
    inset: auto auto 8px 8px;
    flex-wrap: wrap;
    gap: 10px;
}
.cookie-alert__desc{
    display: flex;
    align-items: center;
}
.cookie-alert__desc p{
    margin-bottom: 0;
    margin-top: 0;
    color: #efefef;
}
.cookie-alert__link{
    color: #efefef;
    text-decoration: none;
    transition: all ease 0.3s;
}
.cookie-alert__link:hover{
    text-decoration: none;
    color: #efefef;
    opacity: 0.8;
    transition: all ease 0.3s;
}

.cookie-alert__btn{
    cursor: pointer;
    height: 35px;
    width: 105px;
    color: rgba(49, 43, 42, 1);
    border: 1px solid rgba(0, 115, 126, 1);
    border-radius: 8px;
    background-color: #efefef;
    outline: none;
    transition: all 0.3s ease-out;
}

.cookie-alert__btn:hover,
.cookie-alert__btn:focus,
.cookie-alert__btn:active{
    color: #efefef;
    outline: none;
    border: 1px solid #efefef;
    background-color: rgba(0, 115, 126, 0);
    transition: all 0.3s ease-out;
}

@media (max-width: 480px) {
    .cookie-alert .container{
        flex-direction: column;
    }
}

@media (max-width: 575px){
    .cookie-alert__btn{
        height: 55px;
        width: 125px;
    }
}
/* End */


/* Start:/bitrix/templates/about ZS/styles.css?15614705231155*/
/**/

.map_content{
	width:900px;
	margin:0px auto 15px;
	padding:10px 0px 0px;
	text-align:justify;
	background: url(/images/bg1.gif);
}
.map_content .body{
	width: auto;
	margin:0px auto;
	padding:0px 0px 0px;
	background:#FFF;
	color:#453F3D;
	position:relative;
}
.map_content .body a{
	color:#01CCD1;
	font-size:12pt;
}
.map_content .body a:hover{
	color:#c82d2d;
}
/*.red_link{
	color:#ba3737;
}
.red_font{
	color:#da3030;
}
.red_link:hover{
	color:#FFF;
}*/

.contactBlock, 
.mapBlock img, 
.mapBlock .proezd, 
.map #bl1, .map #bl2{
	float:left;
}
.map{
	position:relative;
}
.map #bl1, .map #bl2{
	width:43.1%;
	margin:0 30px;
}
.map #bl1 p, .map #bl2 p{
	margin:5px 0px;
}
.print_but{
	background:url(/images/print_but.png) top right no-repeat;
	width:230px;
	height:68px;
	font-size:11pt;
	padding:3px 0 0 15px;
	border:0px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align:left;
	color:#E2D7CB;
	text-transform:uppercase;
	position:absolute;
	bottom:-9px;
	right:-2px;
	z-index:5;
}
.print_but:hover{
	color: rgb(0, 41, 60);
	text-shadow: 1px 1px 1px rgb(143, 226, 228);
	background:url(/images/print_but_on.png) top right no-repeat;
}
/* End */


/* Start:/bitrix/templates/about ZS/template_styles.css?156147052311840*/
@charset "utf-8";

div#rh-badge {
  display: none !important;
}
body, html{
	margin:0px;
	padding:0px;
	background:url(/images/content_bg.gif);
	text-align:justify;
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:11pt;
}
a{
	color:#E2D7CB;
	text-decoration:none;
}
a:hover{
	color:#45acb8;
}
img, table{
	border:0px;
	max-width: 100%;
}
strong{
	font-weight:normal;
}
h1, h2, h3, h4, h5{
	color:#0bb7cb;
	font-weight:normal;
	font-size:13pt;
	line-height: 18px;
}
h1{
	font-size:16pt;
}
ul ul, ol ul{
	list-style-type: disc;
}
ul li p{
	margin:5px auto;
	text-align:left;
}
.center {
	text-align: center;
}
.clear{
	clear: both;
}
.red_font{
	color: #da3030;
	text-indent: 0px;
}
.red_link{
	color:#ba3737;
}
.red_font{
	color:#da3030;
}
.red_link:hover{
	color:#FFF;
}

/**/
.head{
	width:100%;
	background:url(/images/head_bg.gif);
}
.head_menu, .head_menu.menu2{
	background:#2f2b2a;
	padding:20px 0;
	text-transform:uppercase;
	font-size:10pt;
}
.body{
	width:1000px;
	margin:0 auto;
}
.head_menu .menu_body, #partnBg img{
	display:inline-block;
	vertical-align:middle;
	*float:left;
}
.logo, .fMenu, .portf_descript, .portf_img, #razrabotshik, #razrabotshik a, .formBody, .obr_svyaz, .contactBlock, .mapBlock img, .mapBlock .proezd{
	display:inline-block;
	vertical-align:top;
	*float:left;
}
.head .logo{
	text-align:center;
	float:left;
}
.head .logo a{
	display:block;
}
.head .logo .phone{
	color:#45acb8;
	font-size:12pt;
	margin:0 auto 0;
	text-align:center;
}
.head .logo .phone_title {
	text-transform: none;
	color: #c23e3e;
}
.head .logo .phone_number {
	text-transform: none;
}
.head .logo .city_name {
	color: #E2D7CB;
}
.head_menu .menu_body{
	width:77.5%;
	margin:15px auto 0;
}
.head_menu .menu_body a{
	margin:0 12px;
}
.head_menu .menu_body .act, .fMenu .act{
	color:#45acb8;
}
.head_menu.menu2{
	padding:20px 65px 10px;
}
.online_consult{
	position:fixed;
	top:45%;
	right:0;
	background:url(/images/question_but.png) top right no-repeat;
	width:205px;
	height:42px;
	font-size:14pt;
	padding:26px 0 0 28px;
	z-index:10;
}
.online_consult:hover{
	background:url(/images/question_but_on.png) top right no-repeat;
	color:#00293C;
	text-shadow:1px 1px 1px #8FE2E4;
}
.content{
	width:100%;
	margin:0 auto 0;
	padding:0 0 330px 0;
	position:relative;
	z-index:1;
	text-align:justify;
}
.content{
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0) 6%, rgba(255,255,255,0.4) 26%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,0.69) 52%, rgba(255,255,255,0.4) 78%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,rgba(255,255,255,0)), color-stop(6%,rgba(255,255,255,0)), color-stop(26%,rgba(255,255,255,0.4)),color-stop(51%,rgba(255,255,255,0.7)), color-stop(52%,rgba(255,255,255,0.69)), color-stop(78%,rgba(255,255,255,0.4)), color-stop(95%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 6%,rgba(255,255,255,0.4) 26%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,0.69) 52%,rgba(255,255,255,0.4) 78%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 6%,rgba(255,255,255,0.4) 26%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,0.69) 52%,rgba(255,255,255,0.4)78%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 6%,rgba(255,255,255,0.4) 26%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,0.69) 52%,rgba(255,255,255,0.4)78%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 6%,rgba(255,255,255,0.4) 26%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,0.69) 52%,rgba(255,255,255,0.4) 78%,rgba(255,255,255,0) 95%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.content .body{
	margin:0 auto;
	padding:5px 0;
	width:1000px;
	color:#453F3D;
	position:relative;
}
.ugolki{
	background:url(/images/ugolki2.png) no-repeat;
	width:517px;
	height:250px;
	position:absolute;
	left:-75px;
	top:-30px;
}
.ugolki2{
	background:url(/images/fragment.png) no-repeat;
	width:700px;
	height:220px;
	position:absolute;
	left:-212px;
	top:0;
	z-index:0;
}
.fragment{
	background:url(/images/fragment2.png) no-repeat;
	width:170px;
	height:164px;
	position:absolute;
	z-index:0;
}
.zag, .content .body a{
	color:#01CCD1;
	font-size:12pt;
}
.zag{
	font-size:13pt;
}
.zag2{
	font-weight:bold;
}
.content .body a:hover{
	color:#c82d2d;
}
.black_font{
	color:#000;
}
.portfolio{
	display:block;
	margin:22px 0 22px 0;
}
.portf_img{
	width:486px;
	margin:0 25px 0 0;
	text-align: center;
}
.portf_descript{
	margin:15px 0 0 0;
	width:42%;
	text-align:left;
}
.portf_descript .zag{
	font-size:12pt;
}
.text-ind{
	text-indent:25px;
}
.ya_seach_bg{
	background: url(/images/demetra_search.png) no-repeat 0 0;
	min-height: 190px;
	padding: 0 0 0 58px;
}
.ZavodSaitovLeft, .ZavodSaitovRight, .zavod .ZavodSaitovLeft2, .zavod .ZavodSaitovRight2{
	position:absolute;
	width:300px;
	height:84px;
	background:url(/images/zavod.png) no-repeat;
	z-index:1;
}
.zavod .ZavodSaitovLeft, .zavod .ZavodSaitovLeft2, .ZavodSaitovLeft{
	left:0.5%;
}
.zavod .ZavodSaitovRight, .ZavodSaitovRight2{
	right:0.5%;
}
.zavod .ZavodSaitovLeft, .zavod .ZavodSaitovRight, .zavod .ZavodSaitovLeft2, .zavod .ZavodSaitovRight2{
	width:200px;
	background:url(/images/zavod_sm.png) no-repeat;
}
.brownBg{
	height:30px;
	width:100%;
	margin:0 auto -20px auto;
	padding:25px 0 33px;
	position:relative;
	background:#2f2b2a;
	z-index:0;
}
.ZavodSaitovLeft2, .ZavodSaitovRight2{
	position:absolute;
	width:300px;
	height:84px;
	background:url(/images/zavod.png) no-repeat;
}
.ZavodSaitovLeft2{left:0.5%}
.ZavodSaitovRight2{right:0.5%}

.brownBg .ZavodSaitovLeft2, .brownBg .ZavodSaitovRight2{
	width:200px;
	height:56px;
	background:url(/images/zavod_sm.png) no-repeat;
	top:-56px;
}
.brownBg .body{
	margin:0 auto;
	padding: 0;
}
.brownBg .body p{
	margin:0;
	text-transform:uppercase;
	font-size:12pt;
	color:#dcdcdc;
}
.content .body .whiteBg{
	position:relative;
	z-index:2;
	margin:70px auto 0;
	background:#FFF;
	padding:10px 25px 45px;
}
.content .body .whiteBg .but_red{
	background:url(/images/but_red.png) no-repeat;
	width:173px;
	height:38px;
	display:block;
	padding:13px 0 0 48px;
	position:absolute;
	bottom:-14px;
	right:30px;
	z-index:2;
	text-transform:uppercase;
	font-size:12pt;
	color:#fff;
}
.content .body .whiteBg .but_red:hover{
	background:url(/images/but_blue.png) no-repeat;
}
.content .body .but_blue, .content .body p .but_blue{
	background:url(/images/but_blue2.png) no-repeat;
	display:block;
	font-size:10pt;
	color:#fff;
	font-style:italic;
	width:250px;
	height:60px;
	padding:13px 0 0 20px;
	line-height:1.2;
	font-family:Arial, Helvetica, sans-serif;
}
.content .body .but_blue:hover, .content .body p .but_blue:hover{
	background:url(/images/but_red2.png) no-repeat;
}
.footer{
	margin:0 auto 0;
	width:100%;
	background:#2f2b2a;
}
.footer .body{
	position:relative;
	z-index:3;
}
.kazula{
	background:url(/images/footer_bg.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	width:1060px;
	height:472px;
	position:absolute;
	bottom:60px;
	*bottom:45px;
	left:-40px;
	z-index:1;
}
.footer .kazula #f1{
	/* margin:140px 0 0 205px; */
	margin:180px 0 0 205px;
	text-align:center;
	font-size:18pt;
	color:#333;
	font-weight:bold;
	line-height:1.5;
}
.footer .kazula #f1 span{
	font-size:14pt;
}
.footer .kazula .f2{
	/* display:inline-block;
	margin:24px 0 0 580px; */
	margin-top: 22px;
	display: block;
	color:#FFF;
	/* font-size:18pt; */
	font-size:11pt !important;
	text-transform:uppercase;
}
.footer .kazula .f2:hover{
	/* color:#800;
	text-shadow:1px 1px 2px #FAA843; */
}
.fMenu{
	text-transform:uppercase;
	width:20%;
	font-size:10pt;
	margin:20px 0 0;
	position:relative;
	z-index:2;
}
.fMenu a{
	display:block;
	margin:10px 0;
}
#razrabotshik{
	text-align:right;
	color:#E2D7CB;
	margin:103px 0 65px 0;
	*padding:20px 0 60px 0;
	font-size:10pt;
	width:43%;
	position:relative;
	z-index:2;
}
#razrabotshik p{
	text-transform:uppercase;
}
#razrabotshik a{
	width:30%;
	*width:50%;
	text-transform:none;
}

.formBody{
	width:30%;
	margin:0 25px 0 0;
}
.formBody .obr_svyaz tr td{
	padding:5px 0;
}
.formBody .obr_svyaz .input, .formBody .obr_svyaz .input:hover, .formBody .obr_svyaz input[type="text"]{}

.contactBlock{
	width:65%;
}
.tab_foto{
	margin:0 auto;
	padding:0 0 0;
	width:100%;
	position:relative;
	z-index:1;
}
.tab_foto tr td{
	width:273px;
	height:378px;
}
#mail_skype{
	margin:0 auto 15px 45px;
	padding:0;
	width:73%;
}
#mail_skype a{
	text-align:left;
	font-size:11pt;
}
#mail_skype .a_mail_skype{
	text-align:left;
}
#icon_mail_skype{
	padding: 7px 5px 0 0;
	float:left;
}
.mapBlock{
	background:url(/images/bg1.gif);
}
.mapBlock img{
	width:645px;
	margin:25px;
}
.mapBlock .proezd .zag{
	color:#332f2e;
	font-size:18pt;
	text-transform:uppercase;
}
.proezd{
	width:30%;
}
.mapBlock .proezd p a, .mapBlock .proezd p .a2{
	display:block;
	width:205px;
	height:46px;
	background:url(/images/but_bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-style:italic;
	text-align: center;
	padding: 12px 13px 0 0;
}
.mapBlock .proezd p .a2{
	background:url(/images/but_bg2.png) no-repeat;
}
.mapBlock .proezd p a:hover{
	color:#FFF;
	background:url(/images/but_bg_on.png) no-repeat;
}
.but{
	background:url(/images/question_but.png) top right no-repeat;
	width:205px;
	height:42px;
	font-size:14pt;
	padding:26px 0 0 28px;
}
.form_body{
	background:#fff;
	margin:70px 0 100px 0;
	padding:10px 0 0 0;
	position:relative;
	z-index:2;
}
.form_body .form_text{
	margin:0 25px 30px 25px;
}
.form_body .forma1{
	width:100%;
	background: url(/images/bg1.gif);
	padding:30px 0;
	position:relative;
}
.form_body .forma1 input[type="text"], .form_body .forma1 textarea, .form_body .forma1 .input input[type="text"], .form_body .forma1 .input textarea{
	border:1px ridge #ccc;
	background:#fff;
	margin:0 0 0 10px;
	width:80%;
	resize:none;
	padding:2px 3px;
}
.form_body .forma1 td.input{
	padding: 0px 0px 18px 10px;
	width:55%;
}
.form_body .forma1 .input input[type="text"], .form_body .forma1 .input textarea{
	width:80%;
	margin-left:0px;
}
.form_body .forma1.forma2 input[type="text"], .form_body .forma1.forma2 textarea, 
.form_body .forma1.forma2 .input input[type="text"], .form_body .forma1.forma2 .input textarea{
	margin:0 0 20px 10px;
}
.form_body .forma1 select, .form_body .forma1 input[type="radio"], .form_body .forma1 #captcha{
	margin:0 0 5px 11px;
}
.form_body .forma1 td.input #captcha{
	margin-left: 0px;
}
.form_body .forma1 .but_otpr, .form_body .forma1 .send_but input{
	width:221px;
	height:50px;
	background:url(/images/but_brown.png) no-repeat;
	position:absolute;
	right:0;
	bottom:-42px;
	border:0;
	cursor: pointer;
}
.form_body .forma1 .send_but input{
	background: url(/images/but_brown2.png) no-repeat;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
}
.form_body .forma1 .but_otpr:hover, .form_body .forma1 .send_but:hover input{
	background:url(/images/but_brown_on.png) no-repeat;
}
.form_body .forma1 .send_but:hover input{
	background:url(/images/but_brown2_on.png) no-repeat;
}
.form_errors{
	position: relative;
}
.form_errors p{
	position: fixed;
	top: 0%;
	left: 0%;
	z-index:9999;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.4);
}
.form_errors p .errortext{
	display: block;
	width:400px;
	background:#ffffff;
	border-radius: 5px;
	box-shadow: 0 2px 15px rgba(0,0,0,.4), 0 2px 45px rgba(0,0,0,.4);
	padding:15px 25px;
	margin:20% auto;
	text-align: left;
}




/* End */
/* /local/components/mycomp/alertcookie/templates/.default/style.css?17519649481590 */
/* /bitrix/templates/about ZS/styles.css?15614705231155 */
/* /bitrix/templates/about ZS/template_styles.css?156147052311840 */